// pages/js/js.js
Page({

   /**
    * 页面的初始数据
    */
   data: {
      flag: false,
      arr: [0],
      obj: {
         name: 'jack',
         age: 18
      },
      value: '123',
      num: 1,
      newArr: [1, 2, 3, 4],
      upArr: [1, 2, 3, 4, 5],
      upArrFlag:false,
      scrollFlag:false,
      bannerArr:[]

   },

   wxif() {
      this.setData({
         num: ++this.data.num
      })

      //  wx:if  类似v-if
      //  hidden  类似 v-show    hidden='true' 隐藏
   },

   tap() {
      console.log(11111);
      wx.showToast({
         title: '成功',
         icon: 'loading',
         duration: 2000
      })

   },

   //  模拟实现表单双向数据绑定====、
   //  在小程序中  他是一个单项数据绑定 
   vmodel(e) {
      console.log(e, 22222);
      //  获取表单值  e.detail.value
      this.setData({
         value: e.detail.value
      })
   },

   btn1(e) {

      //this.data.flag=!this.data.flag
      console.log(e, 44444);
      //  

      //  注意点：小程序中药更改data中的数据 只能通过 this.setData()
      //  注意点2：小程序中触发事件调用的函数不能直接传递参数，如果需要传递参数 需要通过自定义data属性
      this.setData({
         flag: !this.data.flag,
         arr: [1, 2, 3, 4],
         obj: {
            name: 'rose',
            age: 18
         }
      })

   },

   focus() {
      console.log('focus');
   },
   ipt() {
      console.log('ipt');
   },
   change() {
      console.log('change');
   },

   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
      //  获取请求数据
      wx.request({
         url: 'http://www.liulongbin.top:3005/api/getlunbo', //仅为示例，并非真实的
         success :(res)=> {
           console.log(res,4445566)
           this.setData({
              bannerArr:res.data.message
           })
         }
       })
   },
   /**
    * 生命周期函数--监听页面初次渲染完成
    */
   onReady: function () {

   },

   /**
    * 生命周期函数--监听页面显示
    */
   onShow: function () {

   },

   /**
    * 生命周期函数--监听页面隐藏
    */
   onHide: function () {

   },

   /**
    * 生命周期函数--监听页面卸载
    */
   onUnload: function () {

   },

   /**
    * 页面相关事件处理函数--监听用户下拉动作
    */
   onPullDownRefresh: function () {

   },

   /**
    * 页面上拉触底事件的处理函数
    */
   onReachBottom: function () {
      console.log(this.data.upArr.length, 22233333333);
      if (this.data.upArr.length < 10) {
         this.setData({
            upArrFlag:false
         })
         setTimeout(()=>{
            this.setData({
               upArr: [...this.data.upArr, ...this.data.upArr]  //[1,2,3,4,5,1,2,3,4,5,1,2,3,4,5]
            })
         },2000)
      } else {
         this.setData({
            upArrFlag:!this.data.upArrFlag
         })
         return
      }
   },

   //  监听页面滚动事件
   onPageScroll(e){
      console.log(e,111111);
      if(e.scrollTop>=120){
         this.setData({
            scrollFlag:true
         })
      }else{
         this.setData({
            scrollFlag:false
         })
      }
      
   },
   //  回到顶部
   scrollBtn(){
      wx.pageScrollTo({
         scrollTop: 0,
         duration: 300,
       })
   },
   /**
    * 用户点击右上角分享
    */
   onShareAppMessage: function () {

   },
   
})